/* Copyright (c) 2015 - 2019, Nordic Semiconductor ASA
 *
 * All rights reserved.
 *
 * Use in source and binary forms, redistribution in binary form only, with
 * or without modification, are permitted provided that the following conditions
 * are met:
 *
 * 1. Redistributions in binary form, except as embedded into a Nordic
 *    Semiconductor ASA integrated circuit in a product or a software update for
 *    such product, must reproduce the above copyright notice, this list of
 *    conditions and the following disclaimer in the documentation and/or other
 *    materials provided with the distribution.
 *
 * 2. Neither the name of Nordic Semiconductor ASA nor the names of its
 *    contributors may be used to endorse or promote products derived from this
 *    software without specific prior written permission.
 *
 * 3. This software, with or without modification, must only be used with a Nordic
 *    Semiconductor ASA integrated circuit.
 *
 * 4. Any software provided in binary form under this license must not be reverse
 *    engineered, decompiled, modified and/or disassembled.
 *
 * THIS SOFTWARE IS PROVIDED BY NORDIC SEMICONDUCTOR ASA "AS IS" AND ANY EXPRESS OR
 * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, NONINFRINGEMENT, AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL NORDIC SEMICONDUCTOR ASA OR CONTRIBUTORS BE LIABLE
 * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
 * TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

import React from 'react';
import PropTypes from 'prop-types';
import Popover from 'react-bootstrap/Popover';
import { basename } from 'path';
import { hexpad8 } from '../util/hexpad';

const RegionInfoView = ({
    name, startAddress, regionSize, fileNames,
}, parent) => (
    <Popover
        id="popover-region"
        className="memory-details"
        onMouseOver={() => { parent.triggerRef.setState({ show: true }); }}
        onMouseOut={() => { parent.triggerRef.setState({ show: false }); }}
        onFocus={() => {}}
        onBlur={() => {}}
    >
        { name && (
            <div>
                <h5>Region name</h5>
                <p>{ name }</p>
            </div>
        )}
        { fileNames.length > 0 && (
            <div className="files">
                <h5>
                    {
                        (fileNames.length > 1) ? 'Overlapping files!' : 'File name'
                    }
                </h5>
                <p>
                    {
                        fileNames.map((fileName, index) => (
                            <span key={`${index + 1}`}>
                                { basename(fileName) }
                            </span>
                        ))
                    }
                </p>
            </div>
        )}
        <div>
            <h5>Address range</h5>
            <p>{ hexpad8(startAddress) } &mdash; { hexpad8(startAddress + regionSize - 1) }</p>
        </div>
        <div>
            <h5>Size</h5>
            <p>{ regionSize } bytes</p>
        </div>
    </Popover>
);

RegionInfoView.propTypes = {
    name: PropTypes.string,
    startAddress: PropTypes.number.isRequired,
    regionSize: PropTypes.number.isRequired,
    fileNames: PropTypes.arrayOf(PropTypes.string).isRequired,
};

RegionInfoView.defaultProps = {
    name: null,
};

export default RegionInfoView;
